<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>列表标记</title>
</head>
<body>
    <!-- 应用场景 - 适合做导航 -->
    <!-- 无序列表
        type属性 - square circle disc
    -->
    <ul type="circle">第二阶段
        <li>mysql</li>
        <li>jdbc</li>
        <li>mybatis</li>

    </ul>

    <!-- 有序列表 -->
    <ol type="i">第三阶段
        <li>html标签</li>
        <li>css样式</li>
        <li>javascript</li>

    </ol>

    <hr>
    
    <!-- 支持嵌套 -->
    <ul>
        <li>第二阶段
            <ol>
                <li></li>
                <li></li>
                <li></li>            
            </ol>
        </li>
        <li>第三阶段
            <ol>
                <li></li>
                <li></li>
                <li></li>

            </ol>
        </li>

    </ul>

    <!-- html5.0中支持自定义的列表标签 -->
    <dl>
        <dt>sidamingzhu</dt>
        <dd>xiyouji</dd>
        <dd>hongloumeng</dd>

        <dt>hahah</dt>
        <dd>dfa</dd>
        <dd>dfa</dd>
    </dl>

</body>
</html>